<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>VUE入门案例</title>
		
	</head>
	<body>
		<div id="app">
			<!--插值表达式 内容 data中对象的属性-->
			{{hello}}
		</div>
		<!--1.导入vue.js的类库-->
		<script src="../js/vue.js"></script>
		<!--2.编辑VUE.js-->
		<script>
			//新规定: 1.结尾的分号可以省略   2.字符一般使用单引号
			//补充知识: var:js中声明变量的修饰符  没有作用域的概念
			//1.const 定义常量的
			//2.let   有作用域的变量声明
			
			//1.实例化VUE对象
			const app = new Vue({
				//1.定义el元素 要在哪个位置使用vue进行渲染
				el:"#app",
				//2.定义数据对象
				data:{
					hello:'VUE入门案例!!'
				}
			})
		</script>
	</body>
</html>
